th.rotate > div {
  transform: /* Magic Numbers */ translate(-5px, -2px) /* 45 is really 360 - 45 */ rotate(315deg);
  width: 30px;
}

th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

th.rotate {
  height: 140px;
  white-space: nowrap;
}